<!---数据中心-->
<template>
  <view class="data-box">
    <view class="box-title">数据展示系统</view>
    <view class="container" @tap="jumpFn">
      <image src="/static/index1/fly.png" />
      <view class="title">
        <label>青岛市民中心政务数据统计<label class="line"></label></label>
      </view>
      <Jump url="url" bgColor="#6891FA" arrowColor="#ffffff"></Jump>
    </view>
  </view>
</template>
<script setup>
import Jump from '@/components/jump/jump.vue';
const jumpFn = ()=> {
	uni.navigateTo({
	   url: '/pages/dataCenter/dataCenter'
	 })
}
</script>
<style lang="scss" scoped>
.data-box{
  height: 240rpx;
  background: linear-gradient(0deg, #455BDF 0%, #5970FA 100%);
  text-align: center;
  .box-title {
    font-size: 28rpx;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    padding: 24rpx 0;
  }
  .container {
    display: flex;
    background: #fff;
    margin: 0 30rpx;
    border-radius: 5rpx;
    align-items: center;
    padding-right: 30rpx;
    height: 94rpx;
    image {
      width: 144rpx;
      height: 125rpx;
      position: relative;
      top: 16rpx;
      left: -20rpx;
    }
  }
}
.title {
  font-size: 32rpx;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #455BDF;
  flex: 1;
  label{
    position: relative;
    z-index:1;
  }
  .line {
    display: inline-block;
		position: absolute;;
		background: rgba(69,91,223,0.3);
		height: 8rpx;
		width: 100%;
		position: absolute;
		bottom: 4rpx;
		right: 0;
		z-index: -1;
	}
}
</style>